<template>
  <div class="tel">
    <mt-navbar v-model="selected">
      <mt-tab-item id="one">服务外包</mt-tab-item>
      <mt-tab-item id="two">对外招聘</mt-tab-item>
      <mt-tab-item id="three">实习平台</mt-tab-item>
    </mt-navbar>
    <!-- tab-container -->
    <mt-tab-container v-model="selected">
      <mt-tab-container-item id="one">
         <div class="content">
           IT服务外包与解决方案亚迅科技为企业客户提供端对端的行业咨询服务；分析客户所在的行业领域、分析市场和细化市场，同时针对客户公司目前的员工情况、市场情况、技术情况综合分析后为客户提供最终的对应解决方案和实施方案。
亚迅科技具有行业内资深的业务顾问和规划分析人员，有能力根据调研分析后的结果为客户提供可行的运营方案和业务规划。
在技术方面亚迅科技同样具备行业内优秀的技术人员，可以为客户提供优质的技术基础咨询服务；亚迅科
技在汽车制造、P2P信贷、O2C电商、保险、OA、制药、教育等方面具备扎实的技术能力，我们有信心为
终端客户提供完善的咨询服务与外包服务。
         </div>
      </mt-tab-container-item>
      <mt-tab-container-item id="two">
        <h3>招聘信息</h3>
        <div class="hr">
          <mt-cell title="java实现软件工程师"  is-link to="//localhost:8080/zhao"></mt-cell>
          <mt-cell title="java实现软件工程师"  is-link to="//www.baidu.com"></mt-cell>
          <mt-cell title="java实现软件工程师"  is-link to="//www.baidu.com"></mt-cell>
          <mt-cell title="java实现软件工程师"  is-link to="//www.baidu.com"></mt-cell>
        </div>
        
      </mt-tab-container-item>
      <mt-tab-container-item id="three">
          <div id="form">
            <mt-field label="姓名" placeholder="请输入姓名" ></mt-field>
            <mt-field label="手机号" placeholder="请输入手机号"></mt-field>
            <mt-field label="学校" placeholder="请输入学校" ></mt-field>
            <mt-button type="primary" size="large">申请</mt-button>
          </div> 
      </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Welcome to about',
      selected:"one"
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .tel{
      width:100%;
      height: auto;
      /* border: 1px solid red; */
          
    }
    .tel h3{
      padding: 0px 30px;
    }
    .tel .hr{
      padding: 10px 20px;
    }
    .content{
      /* border: 1px solid red; */
      margin: 20px;
    }

    #form{
      width: 80%;
      height: 200px;
      border: 1px solid red;
      margin:  80px auto;
    }
    
</style>
